Was wird geprüft?

Text soll um bis zu 200 Prozent vergrößert werden können, ohne dass dabei Inhalt oder Funktionalität verloren geht. Mindestens eine der folgenden Voraussetzungen soll erfüllt sein:

  • Mit der Zoom-Funktion des Browsers kann das gesamte Layout proportional zur Schriftgröße vergrößert werden.

  • Mit der Nur-Text-Vergrößerung im Browser kann der Text vergrößert werden.

  • Über ein Bedienelement der Seite kann die Schriftgröße vergrößert werden.

Warum wird das geprüft?

Benutzer sollen die Schriftgröße nach ihren Bedürfnissen einstellen können. Die gängigen Browser bieten zwei verschiedene Vergrößerungsmöglichkeiten: die klassische Nur-Text-Vergrößerung und die Zoom-Vergrößerung des gesamten Layouts.

Wie wird geprüft?

1. Anwendbarkeit des Prüfschritts

Der Prüfschritt ist anwendbar, wenn die Seite Text enthält.

2. Prüfung

2.1 Prüfung der Zoomvergrößerung über Browser-Einstellungen

  1. Seite in Firefox aufrufen.

  2. Falls nötig unter Ansicht > Zoom die Option Nur Text zoomen deaktivieren.

  3. Mithilfe der Web Developer Toolbar die Browserfenstergröße auf 1280x768 einstellen (Größe ändern > …​).

  4. Sechs Mal die Tastenkombination Strg + + drücken, um das Layout um 200% zu zoomen (alternativ sechs mal Ansicht > Zoom > Vergrößern wählen).

  5. Prüfen, ob weiterhin alle Inhalte ohne Überlagerungen dargestellt werden und alle Funktionalitäten bedienbar bleiben.

  6. Seite im Internet Explorer aufrufen.

  7. Falls nötig die Schriftgröße unter Seite > Textgröße auf Mittel stellen.

  8. Die Browserfenstergröße auf 1280x768 einstellen (entsprechend Firefox-Browserfenster).

  9. Unter Seite > Zoom die Option 200% wählen.

  10. Prüfen, ob weiterhin alle Inhalte ohne Überlagerungen dargestellt werden und alle Funktionalitäten bedienbar bleiben.

2.2 Prüfung der Schriftvergrößerung über Browser-Einstellungen

  1. Seite in Firefox aufrufen.

  2. Mithilfe der Web Developer Toolbar die Browserfenstergröße auf 1280x768 einstellen (Größe ändern > …​)

  3. Unter Ansicht > Zoom die Option Nur Text zoomen aktivieren.

  4. Sechsmal die Tastenkombination Strg + + drücken, um die Schrift um 200% zu vergrößern (alternativ sechsmal Ansicht > Zoom > Vergrößern wählen).

  5. Überprüfen, ob sich die Größe von allen Schriften ändert.

  6. Wenn sich die Größe von einigen Schriften nicht ändert: Überprüfen, ob diese Schriften sehr groß sind. Sie sind sehr groß, wenn sie mindestens genauso groß sind, wie die größte der auf Sehr groß skalierten relativ definierten Schriften.

  7. Falls die Seite Formulare mit Texteingabefeldern enthält: Text in ein Feld eingeben und prüfen, ob auch diese Schrift in der Größe anpassbar ist.

  8. Überprüfen, ob alle Texte noch sichtbar und lesbar sind. Sie sollen vollständig dargestellt werden, ohne dass es zu Überlappungen kommt oder dass Textteile abgeschnitten werden. Die Zeilenhöhe soll sich der Schriftgröße anpassen.

  9. Die Seite im Internet Explorer aufrufen.

  10. Falls nötig unter Seite > Zoom die Option 100% wählen.

  11. Die Browserfenstergröße auf 1280x768 einstellen (entsprechend Firefox-Browserfenster).

  12. Unter Seite > Textgröße die Option Sehr groß wählen.

  13. Wie in Schritt 4beschrieben prüfen.

2.3 Prüfung der Schriftvergrößerung durch Bedienelemente auf der Seite

Wenn die Seite eigene Bedienelemente bereithält, um die Schriftgröße zu vergrößern:

  1. Prüfen, ob die Bedienelemente für Schriftvergrößerung deutlich sichtbar im oberen Bereich der Seite angeboten werden.

  2. Prüfen, ob die Schrift mit Hilfe der auf der Seite angebotenen Bedienelemente schrittweise vergrößert werden kann (wie stark die Vergrößerung ist spielt dabei keine Rolle).

  3. Prüfen, ob sich über die angebotenen Bedienelemente die Ausgangsschriftgröße wiederherstellen lässt.

3. Hinweise

3.1 Hinweise zur Prüfung der Zoomvergrößerung über Browser-Einstellungen

  • Wenn bei Nutzung der Zoom-Funktion am Desktop das Layout für mobile Geräte ausgeliefert wird, sollten auch in diesem Layout alle Anforderungen der Barrierefreiheit erfüllt sein. Probleme in dieser Ansicht werden bei den jeweils relevanten Prüfschritten bewertet.

3.2 Hinweise zur Prüfung der Schriftvergrößerung über Browser-Einstellungen

  • Bei der Prüfung reiner Schriftvergrößerung geht es nur um Textschriften. Ob grafische Schriften vorhanden sind, ist für die Bewertung nicht relevant.

  • Die Anpassung des Layouts an veränderte Schriftgrößen wird in bestimmten Fällen (zum Beispiel bei select-Auswahlmenüs) erst nach dem Neuladen der Seite wirksam. Dies gilt nicht als Mangel, die Seite muss also im Zweifelsfall neu geladen werden.

  • Damit die Schrift in Texteingabefeldern im Internet Explorer skalierbar ist, muss im Stylesheet für die entsprechenden Elemente explizit eine relative Schriftgröße angegeben werden (zum Beispiel 1em oder 100%). Wird gar keine Angabe zur Schriftgröße gemacht, ist die Formularfeld-Schriftgröße im Internet Explorer nicht veränderbar.

3.3 Hinweise zur Prüfung der Schriftvergrößerung durch Bedienelemente auf der Seite

Die Prüfung der Schriftvergrößerung durch Bedienelemente erfolgt nur unter folgenden Bedingungen:

  • Das Bedienelement erfüllt alle Anforderungen an Barrierefreiheit (es ist zum Beispiel tastaturbedienbar, erfüllt die Kontrastanforderungne etc.)

4. Bewertung

Erfüllt

  • Der Text lässt sich auf 200 % vergrößern, ohne dass es zu Überlappungen oder abgeschnittenen Inhalten kommt und ohne dass Funktionalitäten beeinträchtigt werden.

Nicht voll erfüllt

  • Bedienelemente für die Schriftvergrößerung werden auf der Seite angeboten, aber sie sind nicht oben auf der Seite platziert, es kommt bei der Nutzung zu Überlappungen von Text, oder Inhalte werden abgeschnitten.

Einordnung des Prüfschritts

Abgrenzung zu anderen Prüfschritten

  • Mangelnde Vergrößerbarkeit von Schriftgrafiken: siehe Prüfschritt 9.1.4.5 "Verzicht auf Schriftgrafiken"

Einordnung des Prüfschritts nach WCAG 2.1

Guideline

Success criterion

Techniques

General Techniques
CSS-Techniques
Client-side Scripting Techniques

Failures

Quellen

WCAG 2.1 über die Skalierung von Text

The scaling of content is primarily a user agent responsibility. User agents that satisfy UAAG 1.0 Checkpoint 4.1 allow users to configure text scale. The author’s responsibility is to create Web content that does not prevent the user agent from scaling the content effectively. Authors may satisfy this Success Criterion by verifying that content does not interfere with user agent support for resizing text, including text-based controls, or by providing direct support for resizing text or changing the layout. An example of direct support might be via server-side script that can be used to assign different style sheets.

( Resize text: Understanding SC 1.4.4)

Die WCAG 2.1 zur Nutzung absoluter und relativer Maßeinheiten für Text

(…​) specify text font size in em units so that user agents can scale content effectively. Since the em is a property of the font, it scales as the font changes size. If a font-size is specified for the body element, all other elements inherit that value, unless overridden by a more specific selector.

When font size is given in absolute units of measurement, such as points or pixels, the Text Size menu commands in Internet Explorer 7 and earlier do not resize the text.

Internet Explorer 7 only changes the text size when the CSS is defined in a style element (…​)When using inline style with the style attribute, the text size change is not supported.

(WCAG 2.1 Technik C14: Using em units for font sizes)

Fragen zu diesem Prüfschritt

Die Vergrößerung der Schrift ist weniger wichtig, wenn die Ausgangsschriftgrößen der Webseite bereits groß genug sind, sollte das nicht berücksichtigt werden?

Der BITV-Test berücksichtigt die tatsächlichen Schriftgrößen nicht, geprüft wird nur die Änderbarkeit. Für Seiten mit großen Ausgangsschriften (oder für Seiten, die in großen Schritten vergrößern) ist die Prüfanforderung also nicht so leicht zu erfüllen.

Die Begründung:

Die BITV verlangt keine Mindestgröße für Schriften. Und was wichtiger ist: es gibt unterschiedliche Auffassungen zur der Frage, wie groß Ausgangsschriftgrößen sein sollen:

  • Idealerweise wären die Ausgangsschriftgrößen aller Webangebote ähnlich. Denn dann könnte jeder Benutzer in seinem Browser die für ihn passende Schriftgröße einstellen. Diese Einstellung müsste nicht geändert werden, sie wäre für alle Webangebote passend.

  • Sehr große Ausgangsschriften sind unter Umständen nicht gut zu nutzen. Und zwar auch für Benutzer, die große Schriften brauchen. Denn diese Benutzer haben ihren Computer oder ihren Browser meist schon so eingerichtet, daß Schriften größer dargestellt werden. Die extrem große Ausgangsschrift ist dann zu viel des Guten.

Die Orientierung an im Web üblichen Schriftgrößen ist also sinnvoll. Aber auch große Ausgangsschriften sind vorteilhaft. Auch für Besucher, die nicht wissen, wie man die Schrift vergrößert, sind sie groß genug. Das betrifft übrigens nicht nur Internet-Neulinge, es kann jedem passieren: man ist unterwegs, der verfügbare Browser ist einem nicht vertraut oder er hat überhaupt keine entsprechenden Einstellmöglichkeiten.

Am besten ist es also, wenn sich Webangebote an der Obergrenze der im Web üblichen Schriftgrößen orientieren.